.panel_line {
  //width:700px;
  height: auto;
  border-radius: 3px;
  background-color: #ffffff;

  .panel_line_head {
    width: 100%;
    height: 32px;
    background: #F1F3F4;
    border-radius: 3px 3px 0 0;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    display: flex;
    align-items: center;

    //border:1px solid #F1F3F4;
    //box-shadow: 0 0 5px grey;
    .head_left {
      flex-grow: 9;
      margin-left: 18px;
      color: black;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      font-size: 15px;

      .leftIcon {
        width: auto;
      }

      p {
        color: black;
        margin-left: 2px;
      }
    }

    div {
      flex-grow: 1;
      color: black;
      display: flex;
      justify-content: flex-end;
      height: 32px;
      width:32px;
      span {
        width:32px;
        height: 100%;
        //margin-left: 4px;
        text-align: center;
        font-size: 10px;
        //background-color:white;
        color: black;
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        margin-right:0!important;
        :v-deep(span) {
          height: auto;
          
        }

        ::v-deep(svg) {
          font-size: 10px;
          text-align: center;
          margin: 0 auto;
          color:#B6C2C9;
        }

        &:hover {
          background-color: rgba(255,255,255,.3);
          cursor: pointer;
        }
      }

      // span:nth-child(4){
      //     background-color:#321863;
      //     margin-right: 15px;
      // }
      span:nth-child(3) {
        //   &:hover{
        //     background-color: #fd397a;
        //     color: white!important;
        //   }
        //   &:hover ::v-deep(svg){
        //     background-color: #fd397a;
        //     color: white!important;
        //   }
        //margin-right: 15px;
        // }
        // span:nth-child(2) {
        //   &:hover{
        //     background-color: #ffb822;
        //     color: white!important;
        //   }
        //   &:hover ::v-deep(svg){
        //     background-color: #ffb822;
        //     color: white!important;
        //   }
      }

      // span:nth-child(1){
      //     background-color: white;
      //     color:black;
      // }
      // .FirstSpan {
      //   background-color: white !important;
      //   span {
      //     color: black !important;
      //     background-color: white !important;
      //   }
      // }
    }
  }

  .panel_line_body {
    width: 100%;
    min-height: 200px;
    transition: height ease-out 0.3s;
    overflow: hidden;
    background-color: #ffffff;
    border-radius: 0 0 3px 3px;
    overflow-y: auto;
    position: relative;
    //border:1px solid black;
    border: 1px solid #F1F3F4;
    // box-shadow: 0 0 5px grey;
  }
}

.Maximize {
  width: 100% !important;
  height: 100vh !important;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  z-index: 1080;
}

.Maximize_body {
  width: 100% !important;
  height: calc(~'100vh - 32px') !important;
}

.panel_lineBody_hidden {
  height: 0 !important;
  transition: height ease-in 0.3s !important;
  overflow: hidden;
}

.panel-loader {
  background-color: white;
  opacity: 0.9;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;

  .ant-spin {
    margin: auto;
  }
}